En Prosopopeya Divagante vi el otro día una imagen flotante con efecto aleatorio, cambia la imagen cada vez que actualizamos la página. Podéis verlo accediendo al blog de NeNe_WeNo y pulsando f5 para actualizar la página.

Las imágenes las ha creado el autor del blog, pero también podemos hacerlo con otras imágenes añadiéndoles un bocadillo o simplemente con un texto de bienvenida. Esta otra idea tampoco está nada mal, todo es cuestión de probar.

El código para añadir las imágenes flotantes lo podemos añadir en edición HTML justo antes de </body> y es el siguiente:


<script language='JavaScript'>
imagenes = new Array(9)

imagenes[0] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[1] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[2] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[3] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[4] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[5] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[6] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[7] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[8] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"

aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])

</script>



En negrita es la url de las imágenes que podemos sustituir por las nuestras.
Si deseamos añadir menos imágenes bastará con suprimir alguna línea de código ejemplo :

imagenes[8] = "<img border='0' src='http://i41.servimg.com/u/f41/12/11/79/42/dudo10.png' style='position:fixed; bottom:0; right:0;'/>"

En el caso de aumentar bastará con aumentar otra línea como imagenes[9] y donde imagenes = new Array(9) cambiaremos 9 por 10, (o por el número de líneas añadidas)


Anónimo

Gema, una conculta:

Pongo una nueva plantilla en mi blog y todo queda perfecto, solamente hay un problema: el primer post queda muy abajo: asi que hay un espacio en blanco grande y ya a partir de este espacio inicia el post escrito. Ya del segundo post en adelante, todos están perfectos.

Le he buscado para arreglarle esta situación y nada, no encuentro la manera. ¿Podrías ayudarme? ¿qué puedo hacer?

Gracias de antemano.

Responder
marcuniversal

Gema, una pregunta:
mira es que tengo un problema
no se como puedo acer
un codigo para almacenarme
bueno es la primera vez que entro i me gusta mucho tu blog
i te agregado a favoritos
vueno i echa un viztazo aber si tegusta mi blog
es que nomas tengo 14 anyos i es todo lo que se
vengan dew

Responder
Patán

hOLA gEMA, BUENO HICE TODO TAL CUAL LO INDICASTES, PERTO NO ME RESULTA, ES DECIR, NO SE VEN LAS IMAGENES, NO SE QUE ES LO QUE PUEDA ESTAR GACIENDO MAL.........POR QUE NO VISITAS MI BLOG Y VES SI ME PUEDES AYUDAR.....


http://patopatan.blogspot.com/

Responder
Gem@

Hola Jaime, lo que puedes hacer es dejarme ver tu blog, puede ser un problema de la plantilla o que añadiste algún elemento de página justo antes de las entradas y está desplazando el post.

Marcuniversal no entiendo eso de un código para almacenarte ¿me lo explicas de nuevo?
Considerando la edad que tienes y que te estás iniciando está estupendo :)
¿Sabes que tengo visitas que crearon su blog y tiene 12 años? es fantástico :)

Patán he mirado tu plantilla online y no veo el código para las imágenes antes de </body> :(

Responder
Anónimo

Gema, otro gran favor: ¿para que sirve la caja llamada "Disclaimer"?

No tengo ni idea, y es que apenas estoy aprendiendo pues he cambiado mi plantilla clásica a una de blogger nuevo, y estoy hecho un lio.

Muchas gracias

Responder
Patán

gracias port responderme, estoy viendo el porque no me resulta, tendra algo que ver la imagen que tengo para subir arriba, que esta en la parte inferior derecha de la pagina.......

copie el codigo que das tal cuql esta, pero no me resulta, no se que podrá ser...

Responder
Antony

Hola! Muy buena esas imagenes... Saludos...

Responder
Carlos Pizcos

mmmmmmmm madrina me gusta voy a probar algo...jajajajaja...

Saludos....

Responder
Gem@

Patán es muy probable que sea por lo que dices ya que las dos tienen la posición right (derecha)
Prueba cambiando en el código donde dice right por left esto la situará a la izquierda y ves si es por ese motivo.

Jaime no te creas que tengo más idea ¿donde viste esa caja?

Están muy bien Antony le dan como digo yo... vidilla al blog(alegría)

Pizcos avísame cuando tengas eso que estás probando jajajaja !quiero verlo¡

Responder
NeNe_WeNo

Por razones que no vienen al caso, he tenido que actualizar las imágenes a las que se hace referencia en este post (y de paso les he puesto mi firma, que es un detalle que nunca viene mal). Dentro de poco esas URL dejarán de estar operativas. Tanto si quieres hacer la actualización como si prefieres ahorrarte ese trabajo, por mí perfecto.

P.D.: Ha quedado estupendo el post.

Saludos.

Responder
Gem@

NeNe_WeNo agradezco me informes de ese detalle, espero que los motivos de ese cambio no tengan nada que ver con esta entrada. Como recordarás antes de hacer nada te pedí permiso para publicarla y amablemente te ofreciste incluso a colaborar si así hacía falta cosa que te agradezco.
Como verás he citado la fuente y dado detalles sobre las imágenes, no tengo inconveniente en retirar las imágenes si no deseas que sean divulgadas.
Gracias de nuevo ;)

Responder
Carlos Pizcos

Madrina...pasate por casa...efecto mootools con jquery!!!!..que se que te gusta...jajajajaja

Responder
NeNe_WeNo

No es cosa de la entrada Gem@, tranquila. Si lo fuera, las habría cambiado sin más.

No me importa que sean divulgadas. Todo lo contrario, me halagaría. Siempre es un orgullo que guste el trabajo que hace uno. Pero, dicho sea de paso, me parecen mejor como están ahora.

Saludos. Y sigue así.

Responder
Gem@

Pizcos ... ya vas conociendo mis gustos ;) voy a ver y te comento ;)

NeNe_WeNo entonces todos contentos, lo que si haré será retirar la url de las imágenes para no crear confusión.

Responder
Anónimo

Se le pica en la pestaña donde dice diseño, y ahi está, Gema. Del lado derecho, es la cajita arriba de la de perfil.

Gracias

Responder
Yo misma

Una idea muy buena, las imágenes de nene_weno son geniales y las que tú apuntas también son una inspiración.

Espero que no te moleste, pero Amanda de Blogger Buster habló en su blog hace unos días del icono flotante para ir arriba y le sugerí en un comentario que le echase un vistazo a esta entrada.

Responder
Gem@

Jaime esa es la pestaña para compartir nuestros datos personales, si tienes el perfil disponible y activas esa opción aparecerá en la columna de tu blog la imagen que tengas predeterminada como avatar.
Te da la opción de mostrar sólo la imagen o una breve descripción como lugar de residencia o país y debajo deja visible un enlace para ver el perfil completo título y enlace a tu blog, intereses...

Yo misma todo lo contrario, me parece genial que lo comentaras dejando enlace.
Sé que lo haces siempre ;)

Responder
Gem@

Jaime, ahora leí bien "es la cajita de arriba" pero no en todos los blogs las pestañas están en la misma posición por ejemplo en el mio no tengo el perfil en la página principal.
Creo que no tienes configurado tu blog en español, disclaimer quiere decir más o menos "renuciar".
Haz lo siguiente:
Sitúate en panel, en la columna de la derecha aparece la imagen del perfil y luego dice:
# Editar Perfil (o Ver)
# Mi cuenta
# Idioma

En idioma escoge español y mira si ha cambiado Disclaimer por otro texto.

Responder
Ivan Valencia

Pues resulta que no encuentro donde poner el codigo para las imagenes imagenes flotantes... (es que soy algo inexperto en todo esto y apenas voy sacando adelante mi blog ) dices que es antes de body pero no se realmente como acomodarlo sera que me puedas ayudar GEMITA... de paso te invito para que veas mi blog y me digas que opinas de el vale.. os mando un beso y un abrazo (asuuuuuuuu perdon por la confianza pero es que me inspiras je je je )

Responder
Gem@

Así es Black Star debes copiar todo el código que he puesto dentro de la caja de códigos, luego ir a plantilla edición de HTML y justo antes de </body> pegar el código.
Donde url de la imagen (está en negrita) debes sustituirlo por la url de tus imágenes.

Responder
Patán

Gracias gema por la preocupacion me resultó pero ahora estoy confeccionando las imagenes para colocarlas....

mil gracias.

Responder
Gem@

Patán estupendo, avísame cuando las tengas ¿si? me encantará verlas :D

Responder
Patán

Ok. te aviso.......

Responder
Álvaro Sánchez

Hoal Gem@!! Dios mio, cada vez tiene mas comentarios esto es imposible xD

Bueno, yo tengo algo parecido en mi blog, solo que con una imagen fija. Voy a ir probando, a ver si tengo suerte y consigo poner que sea aleatoria.

Gracias ;)

Responder
Gem@

!Alvaro cuanto tiempo amigo ¡ no me había dado cuenta de tu imagen que por cierto me encanta al ser de fondo transparente ;)

Responder
Anónimo

Muchas gracias, Gema.

Responder
Patán

Gema, he puesto algunas imagenes en mi blog...pero son provisorias ya que las coloque para probar...

Ahy que tener en cuenta que las imagenes, ojala sean todas jpg......para que asi no den problemas de visualización....

Chequea mi pagina y me das tu opinión......

saludos...Patán

Responder
Gem@

Patán están muy bien, son muy originales aunque yo las pondría un poco más pequeñas, pero eso es a gusto de cada uno ;)

Responder
Anónimo

oK. las colocare y te aviso.....

Responder
Oscar Herrero

Lo hice tal como explicas y me funcionó genial... además creo que me quedaron una imágenes muy sugerentes... por si a alguien le interesa verlas en www.miwoper.blogspot.com

Ahora tengo una duda y es que me salen además de en la pántalla del blog (en la que ve todo el mundo) y también en la de "Editar diseño - elementos de página"...

No sé porque sale ahí... y además me molesta porque me tapa algunos elementos de la sidebar izquierda y no las puedo mover... ¿sabes de qué puede ser?

Gracias

Responder
Gem@

Es normal que ocurra woper la ubicación que tiene es "fuera" de la plantilla es la única forma que el efecto sea la imagen sobre el blog. Lo que puedes hacer es buscar unas imágenes sin fondo, o si manejas algún editor de imágenes convertir esas mismas imágenes para que quede el fondo transparente.
No puedo orientarte sobre cómo hacerlo porque es algo que llevo tiempo intentando.
Si alguien sabe algún editor online que consiga ese efecto y nos lo quiera conta le estaré muy agradecida ;)

Responder
Ivan Valencia

gemitaaaaaaaaaaaaaa al fin pude poner las imagenes aleatoriaaas yupiiiiiiiiiiiiiiiiii ja ja ja ja ja gracias por tu ayuda y me gustaria que te dieras un vuelta por mi blog y le eches un ojito... que dices pasas si o si?.

Chao os manddo un abrazo desde mexico
mi blog es http://pandosblackstar.blogspot.com

Responder
Gem@

Black Star !han quedado fantásticas¡ ¿cómo conseguiste añadirles fondo transparente?

Responder
Anónimo

Quedaron muy buenas las imagenes en el blog de http://pandosblackstar.blogspot.com

explica por favor como colocar fondo transparente yo he tratado conel photoshop pero aun no puedo....

pasa por mi Blog http://patopatan.blogspot.com

Responder
Gem@

Hola Patán no domino el photoshop, pero encontré este tutorial que puede ser de interés ;)

Responder
Ivan Valencia

Hola gem@, utilze pothoshop para las imegenes flotantes, el secreto esta en eliminar el fondo a toda la imagen y guardarla con la extencion .png
que es muy parecida al gif,solo que la png es igual en calidad a un jpg, pero pesa mucho menos que esta asi es que espero que te sirva este pequeño apunrte y si quieres que te explique mas detalladamente avisame y te explico je je chaou

Responder
Patán

POR FIN LO LOGRE.....ERA MÁS FACIL DE LO QUE PENSABA.........AHORA A SELECCIONAR LAS IMAGENES QUE USARE............UN ABRAZO DESDE CHILE.....

Responder
Gem@

Estupendo Patán, veremos tu obra de arte ;)

Responder
Gem@

Me lo suponía Black Star, ya sé que suprimiendo el fondo y guardando la imagen con extensión png. se consigue , pero es necesario utilizar Pothoshop. Lo que yo busco es lo mismo pero que sea online, nada de bajar el programita que luego caduca a los 15 días.
De todas formas te lo agradezco mucho ;)

Responder
Anónimo

Si quieres subo el programa a mi blog con la licencia, yo lo tengo desde tiempo y con la licencia original.......

avisame si lo quieres

Responder
Gem@

Pues estaría genial Patán, claro que si :D
! Gracias ¡

Responder
Anónimo

ESTOY HCIENDO LOS *.RAR PARA SUBIRLO......TE AVISO CUANDO ESTE LISTO......BESOS PATO

Responder
Patán
Este comentario ha sido eliminado por el autor.
Responder
Patán

ACA TE DEJO UNOS ENLACES PARA QUE BAJES UNAS VERSIONES PORTABLES DEL PHOTOSHOP, MIENTRAS SUBO LA VERSION COPLETA.

BESOS

PATRICIO

http://rapidshare.com/files/102278264/photoshop_portable
_CS3_www.photoshoperos.com.rar


http://rapidshare.com/files/4163558/PortablePhotoshopCS2
_Www.Tuxela.Com_.rar

SIN PASS.

Responder
Patán

Gea a terminado de coocar algunas imagenes me gustaria qeu las vieras y me dieras tu opinión.....

saludos Pato..

Responder
Patán

Como lo prometí aca esta el Adobe Photoshop 8 CS Full con serial y en Castellano entra a mi blog "http://patopatan.blogspot.com/
2008/05/adobe-photoshop-8-cs
-full-con-serial-y.html" y lo puedes bajar....

Responder
Gem@

!Muchas gracias¡ ya lo he descargado, en cuanto tenga unos minutos para dedicarle me pongo manos a la obra ;)

Responder
Anónimo

Yo te tengo agregada a mi blog hace tiempo yo no me encuentro en el tuyo...????

saludos

Pato

Responder
Gem@

Agregado ;)

Responder
Gem@

RSB puede ser porque estás usando Explorer, intenta visualizarlo con Firefox o cualquier otro navegador ;)

Responder
RSB

No creo q sea eso por que el de prosopopeya si que le veo

Responder
Gem@

Déjame el enlace al blog donde las añadiste para ver si doy con el error :)

Responder
RSB

el blog es http://el-equipo-a.blogspot.com/, gracias por toda la ayuda

Responder
Patán

Permiso Gem@ por responder algo que te consultan a ti......

mi amigo vi tu plantilla y estas usando imagenes *.gif......prueba con imagenes *.jpg o *.png......

si cambias las extenciones te saldra, yo lo probe.....

Otra vez disculpa Gem@ por meterme......pero creo que ayude en algo..

Gracias por tu saludo....me hace falta para salir adelante...

Tu Amigo

Patricio.....(Patán)

Responder
Gem@

No tengo que disculpar nada Patricio, todo lo contrario es agradable ver la disponibilidad para ayudar.
Gracias ;)

Responder
RSB

Mucahas gracias por las respuestas, cambie la imagen a png y sigue igual, que mas puede ser?

Responder
Patán

Permiso Gem@:

La respuesta es más facil de lo que pensaba....

ubica este codigo right:0;'/>"imagenes[1]

y lo separas en esta parte

right:0;'/>" imagenes[1]

y asi en todas....lo colocas en la misma forma que esta en la entrada y listo

aca coloco en forma correcta como lo tienes que dejar

<script language='JavaScript'>
imagenes = new Array(9)

imagenes[0] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[1] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[2] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[3] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[4] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[5] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[6] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[7] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"
imagenes[8] = "<img border='0' src='http://www.freewebtown.com/rsb17/Hannibal.png' style='position:fixed; bottom:0; right:0;'/>"

aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>

Responder
RSB

Muchisimas gracias por la ayuda, ya funciona, ahora solo me falta crear unas cuantas imagenes, que solo tenia la de hannibal para probar. Gracias por preocuparse tanto por que funcione

Responder
Patán

Que bueno que te funcionará, lo unico es que si puedes achicar un poco las imagenes para que no abarque tanto espacio en tu Blog....

Con una maestra como Gem@ se puede ayudar, ella es mi mentora en esto.

Saludos

patricio (Patán)

Responder
RSB

Si ya me di cuenta, crees que ahora esta bien??

Ya voy a prestar mas atencion a este blog por si yo puedo ayudar

Responder
Gem@

Me alegra que ya esté solucionado, estuve visitando tus blogs Joseph y hay uno "Una serie de los 80´s inolvidable" que deberías visualizarlo con Firefox, te vas a llevar una sorpresa pero creo que puede solucionarse. El error consiste que añadiste un script dentro de los CSS (el random de imágenes) y otra parte de los CSS lo añadiste antes del */
body {

Lo que sigue debes ponerlo antes de ]]></b:skin>
/*
blockquote {
background: url(http://aquí-la-direccion-de-la-imagen) no-repeat 0 3px;
color: #666;
padding-left: 25px;
font-size : 15pt;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:5px;
}
.post-body img#new {
margin:0;
padding:0;
border:none;
}

Y el ramdon si no lo vas a añadir (no tiene imágenes) puedes suprimirlo y listo ;)

Responder
RSB

Hola, muchas gracias, aclara que el blog "Una serie de los 80´s inolvidable" no es mio, y que yo no soy Joseph, soy RSB, tan solo escribo alguna vez en el.

Muchisimas gracias por avisar, ya se lo e contado al dueño del blog para que lo soluciones, por cierto, que te parecieron los blogs??

Responder
Gem@

Pues todo aclarado RSB, los blogs están muy bien, la plantilla de jackbook me encanta, el logo ha quedado de lujo y lo tienes todo muy bien organizado ;)
Quizás la imagen flotante un poco más pequeña de más amplitud pero todo es cuestión de gustos :D

Responder
Bardruck

genial, me gustó, una mega duda ¿como le hago si quiero que la imagen flotante sea también un enlace a alguna página?, verás quiero hacer un "botón de pánico" en mi página, no se si los has visto es un botoncito (imagen, javascript, es al gusto) que al hacer click en el te redirige a otra página como puede ser una busqueda en google de "como mejorar la productividad" o algo por el estilo por si te cachan en internet, jaja, pero no lo he visto como imágen flotante y quiero justo una así.¿Qué opinas?¿Será complicado hacer uno?

Responder
RSB

No se como hacerlo, pero lo e visto echo en pitodoble.com, no es con el boton del panico sino con una imagen de chanquete, quizas os ayude a encontrar la forma de hacerlo, saludos RSB

Responder
Bardruck

gracias, aunque creo que elpitodoble no usa blogger, si me sale te digo como, si quieres

Responder
RSB

Pitodoble estoy casi seguro de que no usa blogger, pero quiza el codigo te valga, por ejemplo, el que uso yo para canviar el favicon es de html, no es exclusivo de blogger.

Gema, una duda, para solucionar el problema de firefox de Joseph, valdria con cambiar la plantilla?

Responder
Gem@

Bardruck una imagen flotante puede hacer de enlace a cualquier página, podéis verlo en esta explicación,lo único necesario es añadir la url de la página en lugar de la de nuestro blog :D

RSB cambiando la plantilla el problema desaparecería porque se trata de una modificación con errores no de la plantilla, si se decide a hacerlo dile que además de guardar copia de la plantilla lo haga de los elementos de la sidebar ;)

Responder
Bardruck

vaya muchas gacias

Responder
Anónimo

Gemma yo hice esto, pero lo que quiero lograr es que al pinchar las imagenes aleatoreas estas te lleven al comienzo del blog, como lo hace tu flechita...lo he porvado varias veces cambiando y combinando codigos y no lo logro
besos
LIZ

Responder
Patán

Ayudando a la causa, usa este código para la flechita que quieres colocar.


<a href='#' shape='rect'>
<img alt='ir arriba' border='0' src='http://url de la imagen a utilizar' style='position: fixed; bottom:0; left:0;'/>

que te sirva
</a>

Responder
Patán

lo corrigo:

<a href='#' shape='rect'>
<img alt='ir arriba' border='0' src='http://i28.tinypic.com/e70vv7.png' style='position: fixed; bottom:0; left:0;'/>
</a>

sorry

Responder
Gem@

Gracias Patán por ayudarme ;) Elizabetha puedes probar la forma que te indica Patán o esta otra hace el mismo efecto que tengo en mi blog.
(He visto tus comentarios, son respuestas que tengo pendientes amiga mía, este fin de semana intentaré ponerme al día con el blog y contestar a tus dudas entre otras cosas ;)
Un abrazo grande.

Responder
Gem@

Elizabetha he modificado el código para que a la vez que sea aleatoria también tenga el efecto de ir a inicio del blog.
Veamos si sale completo, debes pegarlo en el mismo lugar que el otro.
<script language='JavaScript'>

imagenes = new Array(5)
imagenes[0] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[1] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[2] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[3] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[4] = "<a href='#outer-wrapper'><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>"

aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])

</script>

En new Array(5) debes poner la cantidad de imágenes que vas a añadir ;)

Responder
Patán

QUE BUENO QUE ESTES POOR ESTOS LADOS NUEVAMENTE AMIGA QUERIDA.......SE TE EXTRAÑA......YO ACA FULL CON MIS ESTUDIOS Y A LA PAR CON MI TRABAJO......UN BESO Y ABRAZOS....

PATRICIO (PATÁN)

Responder
Liz Hopps

GEMMA ERES UN SOLLLLLLLLLLLLLLLLL
GRACIASSSSSSSSS
Ahora es una casa menos..gracias por tu tiempo se que tienes mucho que hacer
Solo quiero pedire una cosa mas
no puedo poner los iconos de navegacion (Home, next) porque No aparece todo el codigo en mi platilla solo la primera frase..intente pegar el tuyo y no sirvió
ayudameeeeee!!!sobre hacer un blog con lo que he aprendido...NO SERIA NADA SIN TI!!!!TU ERES LA MAESTRA!!!
Peo por mientras ayudo al papa de una amiga a personalizar el suyo..en todo caso hare uno o varios post con las cosas nuevas que aprendí
GRACIASSSSSSSS
tu siempre me ayudassssssss
BESITOSSSSSSSS
LIZ

Responder
espirula

Me Ha NkAnTaDO Tu blog la d cosaS q E AprenDiDo . . . .

PeRo m GuZtaria sabR AlGun aCCesoRio +, ComO lOs q HAy En Mi PAGInA ( AUNQuE yA StA MUy CargAdITa )

PErO, Si PUedEs, pAsatEW UN MOMENTo


http://espirula-pon-zi.blogspot.com

http://quericosestanloschupachups.blogspot.com

Responder
Gem@

Saludos Patricio :)

Liz ¿lo de los iconos de navegación no estaba ya resuelto? me da la sensación que le dimos solución en otro comentario, si no es así discúlpame y me lo haces saber ;)

EsPiRuLa agradezco la visita y los comentarios, creo entender (no estoy segura la verdad) que buscas accesorios, puedes encontrar en la nube de etiquetas en "generadores" y en "accesorios"

Responder
Cronos

muchas grasias por a gran ayuda que nos das con estos complementos para nuestro blog
ami si me resulto aui les dejo mi blog para que lo chequen y grasias por tu ayuda saludos
http://www.cronos-zero.com.ar/

Responder
Gem@

Me alegra que te fuera útil Cronos :)

Responder
Anónimo

que onda gem@esta muy chido tu blog este esmi primer coment aqui

esta chido eso de la imagen flotante pero lo puse en mi blog y me relentizo la pagina un buen hay alguna formade de inpedir que se relentize mi blog?

saludos

Responder
Gem@

Yo veo que tu página carga muy bien Abraham, es normal que hasta que la página no está completamente cargada la imagen no se muestre pero la carga es rápida.
Obsérvalo porque quizás sea tu conexión ;)

Responder
Anónimo

si tienes razon en la compu de un amigo si carga bien ya me estaba procupando porque esta bien chido tener hay una imagen flotante

Gracias
Saludos

Responder
Gem@

Está muy chido eso que vaya cambiando :)
Paciencia con la compu ;)

Responder
Luxuria

Hola de nuevo. Esta idea me ha encantado y estuve un tiempo haciendo imágenes para mi blog pero a la hora de poner el código me sale: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Attribute name "http:" associated with an element type "img" must be followed by the ' = ' character."

No entiendo que hice mal porque lo unico que hago es copiar y pegar...

Responder
Gem@

Luxuria comprueba las comillas y cambia las dobles por sencillas.

Responder
Luxuria

Qué rapidez!así da gusto jeje. Pues tras estar intentándolo y desesperándome, he probado añadiendo el código por partes y vi que volviendo a poner la urll de las imásgenes ya iba. ¡Muchas gracias por todo! Este efecto me parece muy gracioso jeje

Responder
Gem@

Me alegra que al final resultara bien ;)

Responder
George

Bueno Germa agrega uno mas a tu lista jeje :P bueno gracias por dejar tantos pasos los seguire pero haber si me agregan a sus msn para q me puedan ayduar en varias cosas para una web ps recien comienzo mi msn es george_stev@hotmail.com haber si se puede agregaria tbn cosas q aprenda bueno gracais por todo y tomen en cuenta mi msn nos vemos y Dios lo bendiga :D

Responder
George

DISCULPA era GEMA por apurado escribi mal bueno de todass maneras gracias y como dije agreguen a uno mas a la lista de amigos jeje

Responder
Gem@

Hola George, verás... el caso que esto es un blog no se trata de clases particulares ni nada por el estilo. Si deseas que te ayude en algo relacionado con el blog estás ahora mismo en el lugar indicado.
Puedes usar los archivos, el buscador, la tabla de contenidos y si aún así no das solución a tus dudas pregunta todo lo que quieras, yo te ayudaré en la medida que mis posibilidades me permitan :)

Responder
George

necesito unos codigos para html en la cual pueda poner unas imagenes sobre otras me puedes ayuar en ello please

Responder
Gem@

yz George mira aquí puedes añadir una imagen de fondo y sobre ella otra imagen de cualquier tamaño.
Si no fuera eso explícame un poco más :)

Responder
WicHo

hola gema ojala puedas ayudarme, pero que pasa si este truco lo quiero utilizar en la cabecera
¿como lo podria hacer?

Responder
Gem@

yz WicHo si deseas añadir un banner aleatorio te recomiendo esta entrada de Rosa:
http://elescaparatederosa.blogspot.com/search?q=header :)

Responder
WicHo

gracias gema eres la mejor :D

Responder
Gem@

yz Gracias a ti WicHo.
Cualquier cosa pregunta, que si no está te digo donde encontrarlo ;)

Responder
Unknown

ahora quiero aparte de ser aleatorias...que al darle click me deje cerrarla..como hago esto

Responder
Gem@

yz clases22x ¿cerrar el qué? ¿la imagen aleatoria?

Responder
Unknown

si la imagen aleatoria..como podria hacerlo???

Responder
Unknown

o tambien como hacer que esa imagen se cierre al pasar digamos 5segundos..

Responder
Gem@

yz clases22x para que una imagen se reproduzca aleatoriamente es decir cambie de imagen cada vez que se actualiza la página necesita un script.
No sé como podría hacerse para que al mismo tiempo de la opción de cerrar o desaparezca :(
Lo que si hay es otra opción de imagen flotante con opción a cerrar pero no es aleatoria, puedes verlo aquí

Responder
-¦-= Shadow†Sneak =-¦-

Hola como estas, espero bien, bueno al grano..jeje.. Debe ser simple o a lo mejor no tanto pero la cosa es, como podría dejar el "Arriba" que no sea brusco, osea yo pincho y me deje al tiro arriba, me gustaría dejar "la velocidad de subida" como la dejaste tu , me gusta mas y es mas atractiva, lo otro y último , creo que también debe ser simple, que debo modificar y agregar para que al pasar por encima de la imagen salga un titulo "X" que hayas elegido, agregue algunos códigos de otras soluciones no de la aleatoria + Up, pero no conseguí cambiar nada, ojala me puedas ayudar, eso es jeje.. espero tu respuesta.

se cuida, saludos.

Responder
Gem@

yz Shadow†Sneak ese efecto se consigue siguiendo los pasos de esta entrada:
http://gemablog-.blogspot.com/2008/02/ir-inicio-en-las-entradas-con-efecto.html
La diferencia es que el efecto no es aleatorio pero de todas formas veo que añadiste ese efecto con una misma imagen.
Para que al pasar el ratón muestre un texto añadimos "title" y si queremos un texto alternativo con "alt"
<img title="Aquí el título" alt="Aquí texto alternativo" src="url de la imagen">

Responder
-¦-= Shadow†Sneak =-¦-

Emm..no coloque 2 imágenes, tengo pensado colocar 10, las cosa es agregar lo que mencione anteriormente pero,con en el mismo código de acá, se puede hacer eso?.. y la segundo del texto antes o después, de que va? (que código) yo solamente tengo añadido el texto alternativo (Alt), pero necesito el otro..jeje.

saludos.

Responder
-¦-= Shadow†Sneak =-¦-

Edit: bueno, ya pude dejar para que apareciera el texto , ahora solo necesito, lo de las imágenes aleatoria con el efecto Scroll suave hacia arriba,lo otro también tengo en cabeza se puede dejar que aparezcan dos imágenes a ambos lados (derecho e izquierdo) pero con efecto Abajo y arriba (ya sea derecho o izquierdo)? se podría hacer eso?.

saludos.

Responder
Gem@

yz -¦-= Shadow†Sneak =-¦- para conseguir que la imagen flotante sea a la vez aleatoria es un poco largo de explicar, pero vamos a intentarlo si te parece en una entrada ;)

Responder
-¦-= Shadow†Sneak =-¦-

Bueno, ojala crees una con este tema ya que la básica no es muy atractiva que digamos..XD jeje..entonces esperare a que la crees.

saludos y gracias.

Responder
-¦-= Shadow†Sneak =-¦-

Se me olvido colocar, habrás querido decir para que la imagen flotantes aleatoria sea a la vez con efecto deslizante, cierto?..XD.. ojala sea así..

saludos.

Responder
Gem@

yz Ya tienes esa entrada para ti :)
Lo que me comentas de dos imágenes es posible hacerlo pero sería muy largo en la misma entrada eso lo pruebo y te digo como hacerlo porque es lo mismo sólo que ubicando la imagen a la izquierda y cambiando la dirección de subir por bajar :D

Responder
Dead Letters

Hola, enhorabueno por el blog esta muychulo pero podrías ayudarme?
He seguido las instrucciones y no hay forma de que funcione, la página nunca llega a cargarse al 100% y la imagen no se ve.
Te dejo la direccion de mi blog por si la necesitases http://poetictragedy777.blogspot.com/
Podrías decirme por qué pasa ésto por favor?
Gracias

Responder
Dead Letters

creo que problema solucionado xD

Responder
Gem@

yz Estupendo Dead Letters me alegra que así sea :)
Gracias por avisar.

Responder
Nicole

Hola Gema@ otra vez :D
Me pregunto si se puede poner una imagen flotante, pero cualquiera, una imagen comun y corriente de mi propio pc?
Espero que si ^^ gracias.

Responder
Gem@

yz Claro que puedes Strokera, debes subirla antes a un alojamiento (puede ser una entrada del blog que luego la dejes en borrador) y una vez tiene sla url la añades donde dice url-de-la-imagen ;)
Si deseas menos imágenes simplemente dejas tantas líneas donde vas a añadir la url de la imagen.

Responder
Diago

Hola Gema: Disculpa, no sabía donde postear esto. Me gustaría saber cómo hicieron en: www.ramenparados.blogspot.com para poner un slideshow en html, en el que se puede hacer click en la noticia que quiero ver.

Si puedes le ds un vistazo, y si me pudieras dar alguna idea para hacer uno.

Gracias de antemano!

Responder
Gem@

yz Hola Diago, está utilizando un slide de la galería Javascript mootools:
v1.11.http://smoothgallery.jondesign.net/
El enmarcado va en las imágenes, y cada imagen va enlazando la entrada correspondiente ;)

Responder
Diago

Gracias Gema! :)

Responder
Gem@

:: No hay de qué Diago :)

Responder
Juno

Gema, como siempre... hermoso!, te lo robo!...

Responder
Gem@

:: Todo tuyo Juno :)

Responder
Anónimo

Gema amiga por favor ayúdame en algo ¿Cómo debo armar el código para que cada imagen aleatoria tenga un enlace externo a mi feed? Porfa dame una mano ¿si?

Responder
Gem@

:: Prueba de esta forma, en lugar de:
<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>

Añadimos lo siguiente.
<a href="aquí-url-feed"><img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/></a>

Responder
Anónimo

Mil gracias me funcionó de maravilla!!!

Responder
Gem@

:: Me alegra que así sea Asociación Integración :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top